<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <script>
        /*设计稿基准w:640 @2x test *前端计算时页面宽度基准320，font-size:20px *依此递增iphone6: fs = 375/320*20*/
        ;(function (win, doc) {
                var UA = navigator.userAgent
                    , isAndroid = /android|adr/gi.test(UA)
                    , isIos = /iphone|ipod|ipad/gi.test(UA) && !isAndroid;
                var docEl = doc.documentElement;
                var refreshRem = function () {
                    var w = docEl.getBoundingClientRect().width || 375;
                    var fs = w / 375 * 50;
                    fs = fs > 100 ? 100 : fs;
                    docEl.style.fontSize = fs + 'px';
                }, refreshRemId;
                win.addEventListener('resize', function () {
                    clearTimeout(refreshRemId);
                    refreshRemId = setTimeout(refreshRem, 100);
                }, false);
                win.addEventListener('pageshow', function (e) {
                    if (e.persisted) {
                        clearTimeout(refreshRemId);
                        refreshRemId = setTimeout(refreshRem, 100);
                    }
                }, false);
                refreshRem();
            }
        )(window, document);
    </script>
    <link href="css/style.css?996d355d" rel="stylesheet">
</head>
<body>
<div class="View section" id="js-section">
    <div class="Page index J_page" id="pageIndex">
        <div class="View scene">
            <div class="View stage">
                <div class="View page index">
                    <div class="heading">
                        <div class="light"></div>
                        <div class="mask"></div>
                    </div>
                    <div class="particle-left"></div>
                    <div class="light-left"></div>
                    <div class="particle-right"></div>
                    <div class="light-right"></div>
                    <div class="boatdeck"></div>
                    <div class="boatlight"></div>
                    <div class="star1"></div>
                    <div class="star2"></div>
                    <p class="arrowtext">上滑领取200张免费船票</p>
                    <div class="arrowbox">
                        <div class="arrow"></div>
                        <div class="arrow"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="Widget pageload-normal show" id="J_pageLoad">
    <div class="animabox">
        <div class="anima-a"></div>
        <div class="anima-b"></div>
    </div>
</div>
<script>
    setTimeout(function() {
        document.getElementById("J_pageLoad").classList.remove("show");
        document.getElementById("pageIndex").classList.add("Jpageshow");
    }, 300);
</script>
</body>
</html>
